﻿$(document).ready(function () {
    hoverMainMenu();
    hoverCategory();
    //getCategoryCode();
    hoverProduct();
    defaultText();
});

function defaultText() {
    var textbox = $('.header .frmSearch input');
    var defaultText = textbox.attr('title');
    textbox.val(defaultText);
    $(textbox).focus(function () {
        if ($(this).val().trim() == defaultText)
            $(this).removeClass('active').val('');
    }).blur(function () {
        if ($(this).val().trim() == '')
            $(this).addClass('active').val(defaultText);

    }).blur().addClass('active');
    $('.header .frmSearch').submit(function () {
        if (textbox.val().trim() == defaultText || textbox.val().trim() == '') {
            alert('Bạn chưa nhập từ khóa để tìm kiếm');
            return false;
        }
    });
}

function hoverProduct() {
    $('.productList .products .product').hover(function() {
        $(this).children('div p.code').show('fast');
    }, function() {
        $(this).children('div p.code').hide('fast');
    });
}

function getCategoryCode() {
    $('#CategoryName').change(function () {
        var categoryName = $(this).val();
        var arr = categoryName.split(' ');
        var s = '';
        for (var i = 0; i < arr.length; i++) {
            s += arr[i].toString().toUpperCase()[0];
        }
        $('#Code').val(s).text(s);
    });
}

function hoverCategory() {
    /*$('ul.category.women li:not(.title)').hover(function () {
    $(this).children('ul').show('fast');
    }, function () {
    $(this).children('ul').hide('fast');
    });
    $('ul.category.men li:not(.title)').hover(function () {
        $(this).children('ul').show('fast');
    }, function () {
        $(this).children('ul').hide('fast');
    });*/
    $('ul.category.women li:not(.title) a:not(.selected)').hover(function () {
        $(this).animate({ 'padding-left': '3em' }, 100);
    }, function() {
        $(this).animate({ 'padding-left': '0.5em' }, 100);
    });


    $('ul.category.men li:not(.title) a:not(.selected)').hover(function () {
        $(this).animate({ 'padding-right': '3em' }, 100);
    }, function () {
        $(this).animate({ 'padding-right': '0.5em' }, 100);
    });

}

function hoverMainMenu() {
    $('.header ul.mainMenu li:not(.logo,.selected)').hover(function() {
        $(this).addClass('selected');
    }, function() {
        $(this).removeClass('selected');
    });
}